/*
 * @Author: 郑俊标
 * @Date: 2024-06-20 16:12:30
 * @LastEditors: 郑俊标
 * @LastEditTime: 2024-06-21 14:45:03
 * @Description: 
 */
import router from '@/router';
import { getToken } from '@/utils/auth';
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
import store from '@/store';
import { isRelogin } from '@/utils/request';
import { Message } from 'element-ui';

NProgress.configure({ showSpinner: false });
// 设置白名单：无需登录token，即可访问
const whitelist = ['/login', '/register'];

// 全局前置路由守卫
router.beforeEach((to, form, next) => {
    NProgress.start();
    if (getToken()) {
        // 保存标题
        to.meta.title && store.dispatch('setTitle', to.meta.title);
        // has token
        if (to.path === '/login') {
            // 已登录去往登录页，重定向到首页
            next({ path:'/' });
            NProgress.done();
        } else if (whitelist.indexOf(to.path) !== -1) {
            // 如果去往的页面是 在白名单内的，则直接放行
            next();
        } else {
            // 去往系统内的其他页面逻辑
            // 判断是否拥有角色
            if (store.getters.roles.length === 0) {
                // 没有角色则需要请求用户信息
                isRelogin.show = true;
                store.dispatch('GetInfo').then((res) => {
                    isRelogin.show = false;
                    // 再次请求获取路由的接口
                    store.dispatch('GenerateRoutes').then((routes) => {
                        // 根据roles 权限生成可访问的路由表
                        router.addRoutes(routes);
                        next({...to, replace: true})
                    })
                }).catch((error) => {
                    // 退出登录
                    store.dispatch('LogOut').then(() => {
                        Message.error(error);
                        next({path:'/'})
                    })
                })
            } else {
                next(); // 有角色则直接放行
            }
        }
    } else {
        // 判断是否在白名单内，在的话放行，不在的话需要重定向到登录页，并保存当前页面作为路由参数
        if (whitelist.indexOf(to.path) !== -1) {
            next();
        } else {
            next(`/login?redirect=${encodeURIComponent(to.fullPath)}`);
            NProgress.done();
        }
    }
});

// 全局后置路由守卫
router.afterEach(() => {
    NProgress.done();
})